<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>分类</title>
		<link rel="stylesheet" type="text/css" href="css/index.css" />
		<link rel="stylesheet" type="text/css" href="./front/iconfont.css" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	</head>
	<body>
		<!-- 大盒子S -->
		<div class="web">
			<!-- 头部s -->
			<header>
				<!-- 返回上一层 -->
				<div class="back">
					<a href=""><span>BACK</span></a>
				</div>

				<!-- 中间 -->
				<div class="itemize">
					<span>分类</span>
				</div>

				<!-- 地理 -->
				<div class="city">
					<select>
						<option selected>广州市</option>
						<option>深圳市</option>
						<option>北京市</option>
						<option>佛山市</option>
					</select>
				</div>
				<!-- 头部E -->
			</header>
			<!-- 主体s -->

			<div class="main_list">
				<div class="top_one">
					<!-- 1 -->
					<div class="food"><a href=""><img src="./img/fenlei01.png">
							<p>美食</p>
						</a></div>
					<!-- 2 -->
					<div class="movie"><a href="">
							<img src="./img/fenlei02.png">
							<p>电影</p>
						</a>
					</div>
					<!-- 3-->
					<div class="sport"><a href=""><img src="img/fenlei03.png">
							<p>运动</p>
						</a>
					</div>
					<!--4 -->
					<div class="sing"><a href=""><img src="img/feilei04.png">
							<p>唱歌</p>
						</a>
					</div>
				</div>
				<!-- 圆点 -->
				<div class="radius_four">
					<div class="radius_one"></div>
					<div class="radius_one"></div>
					<div class="radius_one"></div>
					<div class="radius_one"></div>
				</div>

				<section class="list_three">
					<!-- 1ceng -->
					<div class="tittle">
						<i class="iconfont icon-canyinicon-"></i>
						<p>美食类</p>
						<a href="">
							<span>更多</span>
							<i class="iconfont icon-youjiantou-"></i>
						</a>
					</div>
					<!-- 图片 -->
					<div class="nav_photo">
						<!-- 1 -->
						<div class="list_photo">
							<img src="img/eat01.png">
						</div>

						<!-- 2 -->
						<div class="list_photo">
							<img src="img/eat02.png">
						</div>

						<!-- 3 -->
						<div class="list_photo">
							<img src="img/eat03.png">
						</div>
						<!-- 4 -->
						<div class="list_photo">
							<img src="img/eat04.png">
						</div>
					</div>

					<!-- 2ceng -->
					<div class="nav_list">
						<div class="tittle">
							<i class="iconfont icon-tiyu-gaoerfuqiu"></i>
							<p>运动类</p>
							<a href="">
								<span>更多</span>
								<i class="iconfont icon-youjiantou-"></i>
							</a>
						</div>
					</div>
					<!-- 图片 -->
					<div class="nav_photo">
						<!-- 1 -->
						<div class="list_photo">
							<img src="img/yundong01.png">
						</div>

						<!-- 2 -->
						<div class="list_photo">
							<img src="img/yundong02.png">
						</div>

						<!-- 3 -->
						<div class="list_photo">
							<img src="img/yundong03.png">
						</div>
						<!-- 4 -->
						<div class="list_photo">
							<img src="img/yundong04.png">
						</div>
					</div>
					
					<!-- 3ceng -->
					<div class="nav_list">
						<div class="tittle">
							<i class="iconfont icon-tiyu-gaoerfuqiu"></i>
							<p>电影类</p>
							<a href="">
								<span>更多</span>
								<i class="iconfont icon-youjiantou-"></i>
							</a>
						</div>
					</div>
					<!-- 图片 -->
					<div class="nav_photo">
						<!-- 1 -->
						<div class="list_photo">
							<img src="img/dianying01.png">
						</div>
					
						<!-- 2 -->
						<div class="list_photo">
							<img src="img/dianying02.png">
						</div>
					
						<!-- 3 -->
						<div class="list_photo1">
							<img src="">
						</div>
						<!-- 4 -->
						<div class="list_photo1">
							<img src="">
						</div>
					</div>
				

				</section>

				<!-- 主体e -->
			</div>

			<!-- 尾部 -->
			<footer>
				<div class="footer_nav">
					<a href="index.html">
						<i class="iconfont icon-shouye"></i>
						<p>首页</p>
					</a>
				</div>

				<div class="footer_nav">
					<a href="item.html">
						<i class="iconfont icon-leimupinleifenleileibie"></i>
						<p>分类</p>
					</a>
				</div>

				<div class="footer_nav">
					<a href="discover.html">
						<i class="iconfont icon-73faxian"></i>
						<p>发现</p>
					</a>
				</div>

				<div class="footer_nav">
					<a href="mine.html">
						<i class="iconfont icon-wode"></i>
						<p>我的</p>
					</a>
				</div>

			</footer>
			<!-- 大盒子E -->
		</div>



	</body>
</html>
